<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=0.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0"/>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<meta name="author" content=""/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<meta name="format-detection" content="telephone=no"/>
<link href="/assets/src/css/public.css" type="text/css" rel="stylesheet"/>
<link href="/assets/src/css/bluecolor.css" type="text/css" rel="stylesheet"/>
<!-- Link Swiper's CSS -->
<link rel="stylesheet" href="/assets/src/css/swiper.min.css"/>
   <script type="text/javascript" src="/assets/js/jquery-1.8.1.min.js"></script>
<title>CIT首页</title>
</head>
<body>
<header class="product-hd hd-color"> <a href="javascript:;" onclick="history.go(-1)" class="pre index-pre"></a>CIT </header>
<!--头部滑块部分-->
<div class="banner">
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><a href="#"><img src="/assets/src/images/swiper_obj1.jpg"/></a></div>
      <div class="swiper-slide"><a href="#"><img src="/assets/src/images/swiper_obj2.jpg"/></a></div>
      <div class="swiper-slide"><a href="#"><img src="/assets/src/images/swiper_obj3.jpg"/></a></div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
  </div>
</div>
</div>
<!--导航条-->
	<nav class="index-nav clearfix"> 
		<a href="/commodities" class="index-nav-border">
	 	 	<p><img src="/assets/src/images/nav_link_11.png"/></p>
	 	 	<c:choose>
		       <c:when test="${cclass == 1}">
		              <p>前往购物</p>
		       </c:when>
		       <c:otherwise>
		              <p>前往寄件</p>
		       </c:otherwise>
			</c:choose>
	 	 	<!-- <p id="citgo">前往购物</p> -->
	  	</a>
	   	<a href="http://s.yoyorv.cn/seller/application" class="index-nav-border">
	 		<p><img src="/assets/src/images/nav_link_13.png"/></p>
	  		<p>商家入驻</p>
	  	</a>
	   	<a href="/near/by" class="index-nav-border">
	  		<p><img src="/assets/src/images/nav_link_15.png"/></p>
	 		<p>探索周边</p>
	  	</a> 
	  	<a href="/about">
	  		<p><img src="/assets/src/images/nav_link_17.png" /></p>
	  		<p>关于我们</p>
	  	</a> 
  </nav>
<!--热门课程模块-->
<article class="hot-course">
  <p class="hot-course-txt">最新产品</p>
  <div class="hot-course-img-con clearfix">
    <div class="hot-course-img-one">
      <div class="lk"><span class="hot-img-txt-one">YCF-VM015</span><img src="/assets/src/images/new_07.png"/>
        <p class="hot-black-txt">YCF-VM015</p>
        <p class="hot-txt">产品描述：可售饮料 食品 护肤品</p>
      </div>
    </div>
    <div class="hot-course-img-two">
      <div class="lp"><span class="hot-img-txt-one">YCF-VM015</span><img src="/assets/src/images/new_09.png"/>
        <p class="hot-black-txt">YCF-VM015</p>
        <p class="hot-txt">产品描述：可售饮料 食品 护肤品</p>
      </div>
    </div>
  </div>
</article>
<!--推荐课程模块-->
<article class="hot-course">
  <p class="hot-course-txt">推荐产品</p>
  <!--推荐课程实例1-->
  <div class="hot-course-img-con">
    <div class="tuijian-img"><span class="tuijian-img-txt-one">YCF-VM015</span><img src="/assets/src/images/new_09.png"/>
      <p class="hot-black-txt clearfix"><span class="fl">YCF-VM015</span></p>
      <p class="hot-txt">本公司智能售货机均为自主研发、生产，每款机型都有多种配置！可根据客户要求，定制所需机型!</p>
    </div>
  </div>
  
    <div class="hot-course-img-con">
    <div class="tuijian-img"><span class="tuijian-img-txt-one">YCF-VM015</span><img src="/assets/src/images/new_09.png"/>
      <p class="hot-black-txt clearfix"><span class="fl">YCF-VM015</span></p>
      <p class="hot-txt">本公司智能售货机均为自主研发、生产，每款机型都有多种配置！可根据客户要求，定制所需机型!</p>
    </div>
  </div>
  
    <div class="hot-course-img-con">
    <div class="tuijian-img"><span class="tuijian-img-txt-one">YCF-VM015</span><img src="/assets/src/images/new_09.png"/>
      <p class="hot-black-txt clearfix"><span class="fl">YCF-VM015</span></p>
      <p class="hot-txt">本公司智能售货机均为自主研发、生产，每款机型都有多种配置！可根据客户要求，定制所需机型!</p>
    </div>
  </div>
</article>





<!--底部-->
<%@ include file="../footer/footer.jsp"%>

<%-- <input id="cclass" type="hidden" value="${cclass }"> --%>


<!-- Swiper JS --> 
<script src="/assets/src/js/swiper.min.js"></script> 

<!-- Initialize Swiper --> 
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        paginationClickable: true,
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: 2500,
        autoplayDisableOnInteraction: false
    });
    
    
    </script>
</body>
</body>
</html>